	@media screen and (max-width: 1366px) { }

	@media screen and (max-width: 1280px) and (max-width: 1600px) { }

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		
	}

@media screen and (device-width: 640px) and (device-height: 360px) and (orientation: landscape) { }

@media screen and (device-width: 360px) and (device-height: 640px) and (orientation: portrait) {}

@media screen and (max-width:1100px) {
	.navbar_top .nav > li > a {padding: 5px 10px; } 

}
@media screen and (max-width: 800px) { 

	#wrapper { padding-bottom: 160px; position: relative;}
	#footer {   min-height: 160px; }
	div { max-width: 100%;} 
	.navbar .container {width: 100%; background: #fff;}
	.top_header h3 { font-size: 22px; }
	.top_header h3 img, .top_header h3 a  {max-width: 85%;}
	.top_header .h3_logo {width: 55%; margin-left: 5px;} 
	.navbar_top .nav > li > a {padding: 5px 10px;	 }
	.navbar .container {padding: 0;}
	.navbar .navbar-header { margin-left: 5px;}

	.top_header .h3_logo_2 { width: 40%; float: right; margin-bottom: 5px; margin-top: 5px; margin-right: 5px;}
	.right_top {width: 100%;}
	.w_user_loged .w_user {margin-bottom: 5px;}
	.w_user_loged .w_user .btn { padding: 3px 12px;}
	.navbar {min-height: 12px;}
	
	#main-slider {margin-top: 10px; background: #fff;}
	.w_user_loged {padding-left: 10px;}

	.navbar-fixed-top .top_header .logo > img { max-width: 90%;} 
	.navbar-fixed-top .top_header {padding: 0}
	.navbar-fixed-top .nav > li > a { line-height: 20px; } 
	.top_header {background: #fff;}
	.temp {padding-top: 35px;}
	.breadcrumb {margin-bottom: 5px;}
	#myModal_login {width: 360px;	}

	#slider .container-full {background-position: 50% 30px;} 	 
	.container {padding-left: 1em; padding-right: 1em;}
	.wrap_ul_img ul.list_img li img {border: 5px solid #4c944c; }
	.count {text-align: center;padding-top: 5px;}
	.w_social_icons {   margin: 0 auto;float: none;}
	#slider .slide-element h1 { font-size: 1em;}
	#slider .slide-element p {font-size: 0.6em; }
	.carousel-caption {padding-top: 2em; left: 0;} 
	#slider .slide-element img { max-width: 40%; max-height: 250px;	}
	#slider .carousel-control {margin-top: 100px;} 	 
	#slider .slide-element h1 { font-size: 0.8em; padding: 0.3em 0.5em; }
	#slider .slide-element p {width: 67%; font-size: 0.5em; padding: 0.3em 0.5em;	}
	 		
  	.w_social_icons  { text-align: center;  max-width: 220px;padding-right: 0;}
	.copyright p   { 	line-height: 20px;	padding-top: 10px;}
	#header .navbar-nav a  { }
	.navbar_top { border: 1px solid #888;margin: 10px;}
	 
}

@media screen and (max-width: 768px) {  	 
	#header .topnavbar {height: 115px;} 
	.nav > li > a { font-size: 10px; line-height: 20px;}   	
	
	#slider .slide-element h1 {width: 67%;font-size: 0.6em;	}
	#slider .slide-element p {font-size: 0.45em; list-style: 0.8em } 

	#myCarousel .carousel-control { top: 39%;} 
	.wrap_ul_img ul.list_img li img {border: 4px solid #4c944c; }
	#battles .row { margin-left: 0;}
	.copyright p { text-align: center;} 
	.w_social_icons { float: none; margin: 0.2em auto;}
	.w_popup_login .pp_left {border-right: none;  border-bottom: 1px solid #cacaca;}
	.navbar-nav li .dropdown-menu li {border: none;}
}

 @media screen and (max-width: 600px) { 
 	#header .topnavbar {height: 100px;} 
	.top_header { padding-top: 10px;} 
	.navbar-fixed-top  {height: 90px; } 
	 #slider .container-full {background-size: 150%;background-position: 52% 95px;}
	 #myCarousel .carousel-control { width: 15px;}
	 #myCarousel ul.list_video li:first-child ,  #myCarousel ul.list_video li:nth-child(2) { margin-bottom:10px;}
	 .carousel-caption {padding-top: 10px;}
	 #battles h4 a { font-size: 0.7em;}
	 .btn_login { font-size: 12px; margin-left: 8px; margin-top: 5px;  }
}

@media screen and (max-width: 480px) { 
	.navbar-fixed-top .h3_logo_2 .logo_right  {max-width: 65%;}
	.navbar-fixed-top .h3_logo a {max-width: 100%;}
	.top_header { padding-bottom: 0;}  
	.top_header h3 { font-size: 18px;} 	 
	 
	.navbar-toggle  { margin-top: 4px;}
	.nav > li:first-child { float: none; display: block; width: 100%; max-width: inherit;}
	.nav > li:first-child a {width: auto;}

	#header .nav {margin-top: 8px; margin-bottom: 8px;} 	
	.wrap_ul_img ul.list_img li {padding: 2px;}
	.wrap_ul_img ul.list_img li img {border: 3px solid #4c944c; }
  
	 #slider .slide-element h1 {width: 69%; font-size: 0.5em;}
	 #slider .slide-element p { width: 69%;font-size: 0.40em;} 

	 section p { font-size:0.75em;}
	 ul.list_video li h4 {font-size:0.85em;}
	 ul.list_video li p {font-size:0.7em;}
	 ul.list_video li .btn, #battles ul .btn { font-size:0.7em;}
 
	 #battles .wrap_ul_video { padding: 0;} 
 	 #battles ul.list_video li:first-child {  padding-left: 0; padding-right: 5px;}
	 #battles ul.list_video li {padding: 0 0 0 5px; }
	.container h2 {	font-size: 1.4em;	}
 	 
	
	 #partnere h6 { font-size: 12px;}
	 .social-icons {float: none;}
	 .w_social_icons  {   max-width: 280px; padding-left: 0;padding-top: 0; }
	 
	 .icon_btn { margin-right: 3px;}
	 #myCarousel ul.list_video {padding: 15px 15px 15px 15px;}
	 #myCarousel .carousel-control { top: 36%;}
	 #myCarousel ul.list_video li { padding: 0 5px;  }

	 .btn_more { padding: 0.3em 0.8em; font-size:0.8em; }
 }

@media screen and (max-width: 320px) {
	#slider {margin-top: 8px;}

	 
 
	 
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	
	 
	  
}
/*-----------------------Media Query  -------------------------     Media Query      -------------------------Media Query  -----------------------*/


@media screen and (max-width:500px) 	{	
/*Nh mn h nh hon500*/
	.container {padding-left: 8px; padding-right: 8px;}
	#slider .slide-element {top: 0.5em; padding-top: 10px;}
    #slider .slide-element img { /*display: none;*/	}
    #slider .carousel-control{ margin-top: 35px;	}   
 	#slider .slide-element p  { font-size: 0.3em;}
	#slider .slide-element h1 { font-size: 0.35em;} 
} 
